<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html charset=utf8">
    <title>首页</title>
    <script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/script.js"></script>
    <script type="text/javascript" src="./js/coin-slider.min.js"></script>
    <script type="text/javascript" src="./js/left.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/coin-slider-styles.css" />
</head>
<body>

<!-- the header -->
<div class="header">
    <div class="header_top">
        <div class="header_left"><a href="#"><img src="images/logo.jpg" width="101" height="101" alt="logo"/></a></div>
        <div class="header_right">
            <div class="header_title"><img src="images/index_r2_c11.jpg" width="404" height="101" alt="成都市实验外国语学校"/></div>
            <div class="header_link">
                <p class="header_link1"><a href="index.html">首页</a>　|　<a href="#">加入收藏</a>　|　<a href="#">联系我们</a>　|　<a href="#">实外信箱</a></p>
                <p class="header_link2"><a href="#">ENGLISH</a>　|　<a href="#">Francais</a>　|　<a href="#">Deutsc</a></p>
                <p class="header_link3"><input type="text" class="search_text"/><input type="submit" name="submit" class="submit"/></p>
            </div>
        </div>
    </div>
    <div class="hackbox"></div>
    <div class="header_bottom">
        <div class="header_nav">
            <ul class="header_nav_link">
                <li>
                    <a href="#">关于实外</a>
                    <ul>
                        <li><a href="#">关于实外</a></li>
                        <li><a href="#">二级标题</a></li>
                        <li><a href="#">关于实外</a></li>
                        <li><a href="#">二级标题</a></li>
                        <li><a href="#">二级标题</a></li>
                        <li><a href="#">二级标题</a></li>
                        <li><a href="#">二级标题</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">师资队伍</a>
                    <ul>
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">师资队伍</a></li>
                    </ul>
                </li>
                <li><a href="#">德育视窗</a></li>
                <li>
                    <a href="#">艺体天地</a>
                    <ul>
                        <li><a href="#">艺体天地</a></li>
                        <li><a href="#">艺体天地</a></li>
                    </ul>
                </li>
                <li><a href="#">教学科研</a></li>
                <li><a href="#">外语特色</a></li>
                <li><a href="#">交流合作</a></li>
                <li><a href="#">感悟实外</a></li>
                <li><a href="#">学子风采</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="adtop"><img src="images/13.jpg" alt=""></div>
<div class="hackbox"></div>
<!-- container -->
<div class="container">
    <div class="left">
        <h3>关于实外</h3>
        <ul id="nav">
            <li class="p1 down">实外概况
                <ul>
                    <li><a href="#url">2011</a></li>
                    <li><a href="#url">2011</a></li>
                </ul>
            </li>
            <li class="p1 down">Services
                <ul>
                    <li><a href="#url">Printing</a></li>
                    <li><a href="#url">Photo Framing</a></li>
                    <li><a href="#url">Retouching</a></li>
                    <li><a href="#url">Archiving</a></li>
                </ul>
            </li>
            <li class="p1 down">Shop
                <ul>
                    <li><a href="#url">Online</a></li>
                    <li><a href="#url">Catalogue</a></li>
                    <li><a href="#url">Mail Order</a></li>
                </ul>
            </li>
            <li><a href="#url">Privacy Policy</a></li>
        </ul>
    </div>
    <div class="right">
        <p class="path">当前位置: <a href="#">师资队伍</a></p>
        <div class="article">
            <div class="top"></div>
            <div class="middle">
                <div class="numberOne">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="numberOne">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="numberOne">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="numberOne">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <!-- 加autohidden为默认隐藏 -->
                <div class="numberOne autohidden">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="numberOne autohidden">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="numberOne autohidden">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="numberOne autohidden">
                    <a href="#"><img src="images/10.jpg" width="280px" height="209px" alt=""></a>
                    <div class="info">
                        <p><a href="#">旻天郝</a></p>
                        <p>2012四川省高考文科状元</p>
                    </div>
                </div>
                <div class="hackbox"></div>
            </div>
            <div class="bottom" id="bottom">
                <div class="numberOneShow">
                    <a href="#bottom"><img src="images/container_r8_c9.jpg" alt=""></a>
                </div>
                <script type="text/javascript">
                    $(document).ready(function(){
                        $(".container .right .article .bottom .numberOneShow a").toggle(function(){
                            $(".container .right .article .middle .autohidden").slideDown("slow");
                        },function(){
                            $(".container .right .article .middle .autohidden").slideUp("slow");
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>
<!-- index's footer -->
<div class="footer">
        <p><a href="#">关于我们</a>  ‖  <a href="#">网站声明</a>  ‖ <a href="#">实外信箱</a>  ‖ <a href="#">联系我们</a></p>
        <p>网站版权所有者：成都市实验外国语学校    协同建设支持单位：成都互正超媒网络科技有限公司<br/>Copyright©2011-2016  (www.cefls.cn )    All Right Reserved <br/>川教GZ-20120014号       蜀ICP备12003383-1号</p>
</div>
</body>
</html>